import React, { memo } from "react";
import PropTypes from "prop-types";
import HomeLongForWrapper from "./styled";
import SectionHeader from "@/components/section-header";
import LongForItem from "@/components/long-for-item";
import ScrollView from "@/base-ui/scroll-view";
const HomeLongFor = memo(function HomeLongFor(props) {
  const { roomListInfoObj } = props;
  return (
    <HomeLongForWrapper>
      <div className="content">
        <SectionHeader
          title={roomListInfoObj.title}
          subtitle={roomListInfoObj.subtitle}
        />
        <ScrollView>
          <div className="long-for-item-list">
            {roomListInfoObj.list.map((item) => {
              return <LongForItem longForItem={item} />;
            })}
          </div>
        </ScrollView>
      </div>
    </HomeLongForWrapper>
  );
});

HomeLongFor.propTypes = {
  roomListInfoObj: PropTypes.object,
};

export default HomeLongFor;
